@import './mixins/ellipsis.scss';
.lc-checker {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  &.is-2col .lc-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  &.is-3col .lc-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    width: 33.33333333%;
  }
  &.is-4col .lc-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }
  &.is-5col .lc-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
  }
  .lc-checker-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
            flex: 1 1 0%;
    padding: 5px;
    box-sizing: border-box;
  }
  .lc-checker-item {
    text-align: left;
    padding: 5px;
    color: #333;
    font-size: 12px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    box-sizing: border-box;

    &.is-selected {
      color: #3ca0e6;
      border-color: #3ca0e6;
      background-color: rgba(60,160,230,0.05);
      &.checker{
        background: rgba(60,160,230,0.05) url() no-repeat right bottom;
      }
    }
    &.is-disabled {
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
    }
    &.is-ellipsis{
      @include multi-ellipsis(3);
    }
  }
}